<template>
  <n-carousel class="banner">
    <img v-for="v in data" :key="v.url" class="carousel-img" :src="v.src" />
  </n-carousel>
</template>

<script setup lang="ts">
import { NCarousel } from "naive-ui";
defineProps({
  data: Array,
});
</script>

<style scoped lang="scss">
.banner {
  height: 200px;
  img {
    object-fit: cover;
  }
}
</style>
